@import url("css/reset_normalize.css?v=1.0");

:root {
    --primary-color: #5678ff;
    --primary-linear-gradient: linear-gradient(to left, #748eff 30%, #5678ff 70%);
    --bg-linear-gradient: linear-gradient(227.32deg, #AC39D5 -5.2%, #D539C5 73.99%);
    --bg-linear-gradient1: linear-gradient(204.11deg, #40BAD5 15.46%, #40D5A8 95.79%);
    --bg-linear-gradient2: linear-gradient(221.17deg, #FF827A 5.91%, #FFA825 97.67%);
    --bg-linear-gradient3: linear-gradient(198.93deg, #461EE7 12.77%, #1EB6E7 94.68%);
    --bg-linear-gradient4: linear-gradient(198.93deg, #298546 12.77%, #848612 94.68%);
    --bg-linear-gradient5: linear-gradient(198.93deg, #d06510 12.77%, #b69730 94.68%);
    --bg-linear-gradient6: linear-gradient(198.93deg, #8008e1 12.77%, #8e57bb 94.68%);
    --bg-linear-gradient7: linear-gradient(198.93deg, #daa906 12.77%, #ded524 94.68%);
    --bg-linear-gradient8: linear-gradient(198.93deg, #fff 12.77%, #fff 94.68%);
}

* {
    scrollbar-color: var(--primary-color) #fff !important;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background-color: #fdfdfd;
    border-radius: 6px;
}

::-webkit-scrollbar-thumb {
    background-color: var(--primary-color) #fff !important;
    box-shadow: inset 0 0 6px rgba(246, 10, 10, 0.3);
    border-radius: 6px;
}

[un-cloak] {
    display: none;
}

.erupt-header {
    background: var(--primary-linear-gradient) !important;
}

.alain-default__nav {
    color: white;
}

/* 例：修改登录页样式 */
layout-passport > .container {
    background-position: center !important;
    background-repeat: repeat !important;
    background-size: cover !important;
    background-color: #fff !important;
    background-image: url('images/bg/login-bg.svg') !important;
}

layout-passport form {
    padding: 26px !important;
    margin: 8px !important;
}

.header-logo-text {
    color: white !important;
    font-size: 1.2rem !important;
}

.bg-gradient0 {
    background: var(--bg-linear-gradient);
}

.bg-gradient1 {
    background: var(--bg-linear-gradient1);
}

.bg-gradient2 {
    background: var(--bg-linear-gradient2);
}

.bg-gradient3 {
    background: var(--bg-linear-gradient3);
}

.bg-gradient4 {
    background: var(--bg-linear-gradient4);
}

.bg-gradient5 {
    background: var(--bg-linear-gradient5);
}

.bg-gradient6 {
    background: var(--bg-linear-gradient6);
}

.bg-gradient7 {
    background: var(--bg-linear-gradient7);
}

.font-color-bg-block {
    display: inline-block;
    text-align: center;
    padding: 8px 24px;
    border-radius: 12px;
    color: #fff;
}

.ant-tag-borderless {
    border-color: transparent !important;
}

@media (min-width: 1536px) {
    .container {
        max-width: 100% !important;
    }
}